<template>
    <div class="null-cont">
        <p class="img" :style="styleObject"><img :src="imgObj" /></p>
        <p class="txt">{{ tipTxt }}</p>
    </div>
</template>
<script>
export default {
    data () {
        return {
            imgObj: require('@/assets/img/img-null.png'),
            styleObject: {
                width: this.widthVal + 'px',
                height: this.widthVal + 'px'
            },
            tipTxt: this.text
        }
    },
    props: {
        widthVal: {
            type: Number,
            default: 169
        },
        text: {
            type: String,
            default: '抱歉，暂无内容~'
        }
    }
}
</script>

<style scoped="scoped" lang="less">
.null-cont {
    text-align: center;
    .img {
        margin: 0 auto;
        img {
            width: 100%;
            height: auto;
        }
    }
}
.txt {
    font-size: @fontS14;
    color: @c-ccc;
}
</style>
